.slide{
	position: relative;
}
.search{
	position: absolute;
	top: .1rem;
	left: 0px;
	right: 0px;
	margin: auto;
	z-index: 99;
	width: 80%;
	height: .6rem;
	line-height: .6rem;
	font-size: .3rem;
	text-align: center;
	border-radius: 4px;
	background-color: rgba(255,255,255,.8);	
}
.search-input{
    width: 20%;
    line-height: .6rem;
    transition: width  .3s;
    vertical-align: -.04rem;
  }
  .search-input:focus{
    width: 100%;
    padding-left: .2rem;
  }
  .search-input:-ms-input-placeholder{
    color: #f65287;
  }
  .search-input::-webkit-input-placeholder{
    color: #f65287;
  }
.icon{
  font-size: .3rem;
  line-height: .3rem;
  margin: 5px;
  color: #9d9d9d;
  -webkit-transition: font-size 0.25s ease-out 0s;
  -moz-transition: font-size 0.25s ease-out 0s;
  transition: font-size 0.25s ease-out 0s;
}
.slide-ul li{
	top: -10%;
}
.carousel-wrap{
    height: 4.2rem;
}
.carousel-items{
	bottom: .2rem;
}
.nav{
	padding: .22rem .15rem 1px;
	background-color: #fff;
}
.nav>ul{
	width: 100%;
	overflow: hidden;
	margin-bottom: .2rem;
}
.nav-item{
	font-size: .2rem;
	text-align: center;
}
.nav-item dd{
	margin-top: .16rem;
	color: #666;
}
.nav-img-box{
	width: 1rem;
	height: 1rem;
	margin: auto;
}
.nav-img-box img{
	width: 100%;
	border-radius: 50%;
}
.container{
	background-color: #fff;
	padding-bottom: 1.2rem;
	overflow: hidden;
}